﻿@import "reset.css";
@import "sidebar.css";
@import "content.css";

body {
background:black;
font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
}
a {
color:#CC6600;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#FF9933;
}
a.current {
color:#663300;
}
.clear {
clear:both;
}
.alert-good {
-moz-border-radius:8px 8px 8px 8px;
background-color:#B2E485;
display:block;
font-size:13px;
font-weight:bold;
line-height:16px;
margin:20px 0;
padding:10px;
}
.alert-bad {
-moz-border-radius:8px 8px 8px 8px;
background-color:#E4A785;
display:block;
font-size:13px;
font-weight:bold;
line-height:16px;
margin:20px 0;
padding:10px;
}
#container {
margin:0 auto;
padding-top:40px;
width:878px;
}
#container div.top {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/bg-top.png") no-repeat scroll left top transparent;
height:16px;
}
#container div.content {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/bg-repeat.png") repeat-y scroll left top transparent;
padding:10px 26px;
}
#container div.bottom {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/bg-bottom.png") no-repeat scroll left top transparent;
height:16px;
}
#login {
margin:0 auto;
padding-top:40px;
width:534px;
}
#login div.top {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/login-top.png") no-repeat scroll left top transparent;
height:16px;
}
#login div.content {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/login-repeat.png") repeat-y scroll left top transparent;
padding:10px 26px;
}
#login div.bottom {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/login-bottom.png") no-repeat scroll left top transparent;
height:16px;
}
.notice {
-moz-border-radius:10px 10px 10px 10px;
background:none repeat scroll 0 0 #CC6600;
color:#FFFFFF;
margin-bottom:10px;
padding:10px;
}
.notice h2 {
font-size:20px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
.notice p {
margin-bottom:15px;
margin-top:10px;
}
.notice p a {
color:#FFFFFF;
}
.notice p a:hover {
text-decoration:none;
}
.notice .close {
float:right;
margin-right:5px;
}
.notice .close a {
color:#FFFFFF;
}
.notice .close a:hover {
text-decoration:none;
}
#header {
margin-bottom:20px;
}
#header h1 a {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/ut-logo.png") no-repeat scroll left top transparent;
display:block;
height:78px;
text-indent:-9999px;
width:181px;
}
#nav {
float:right;
margin-top:14px;
}
#nav ul.btns {
height:31px;
margin-bottom:16px;
}
#nav ul.btns li {
float:right;
margin-left:20px;
}
#nav ul.btns li a.join {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/btn-join.png") no-repeat scroll left top transparent;
display:block;
height:31px;
text-indent:-9999px;
width:97px;
}
#nav ul.btns li a.join:hover {
background-position:left center;
}
#nav ul.btns li a.join:active {
background-position:left bottom;
}
#nav ul.btns li a.signin {
background:url("https://untappd.s3.amazonaws.com/site/assets/images/btn-signin.png") no-repeat scroll left top transparent;
display:block;
height:31px;
text-indent:-9999px;
width:97px;
}
#nav ul.btns li a.signin:hover {
background-position:left center;
}
#nav ul.btns li a.signin:active {
background-position:left bottom;
}
#nav ul.main-nav {
float:right;
height:20px;
}
#nav ul.main-nav li {
float:left;
margin-left:24px;
}
#nav ul.main-nav li a {
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
#nav div.user {
height:30px;
margin:10px 0 8px;
width:600px;
}
#nav div.user ul {
float:right;
}
#nav div.user ul li {
border-left:1px solid #999999;
color:#666666;
float:left;
font-size:12px;
margin-left:10px;
padding-left:10px;
}
#nav div.user ul li.first {
border:medium none;
}
#footer {
height:20px;
margin-bottom:30px;
padding:10px 20px 0;
}
#footer ul li {
float:left;
margin-right:12px;
}
#footer a {
font-weight:bold;
text-decoration:none;
}
#footer a:hover {
color:#CC6600;
text-decoration:underline;
}
#footer p.copyright {
color:#666666;
float:right;
font-size:12px;
text-align:right;
}
.input-box {
-moz-border-radius:10px 10px 10px 10px;
-moz-box-shadow:0 -1px 1px #CCCCCC;
background-color:#FFFFFF;
border:1px solid #D8D8D8;
padding:2px 0;
text-align:center;
}
.input-box input, .input-box textarea {
border:0 none;
color:#333333;
font-size:13px;
width:95%;
}
